<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
    <div class="container-div">
    <div class="col-sm-12 select-info">
        <form id="user-form">
            <input type="hidden" id="apiProjectnameId" name="apiProjectnameId">
            <input type="hidden" id="parentId" name="parentId">
            <div class="select-list">
                <ul>
        
                    <li class="select-time">
                        <label>column8： </label>
                        <input type="text" class="time-input" id="startTime" placeholder="开始时间" name="params[beginTime]"/>
                        <span>-</span>
                        <input type="text" class="time-input" id="endTime" placeholder="结束时间" name="params[endTime]"/>
                    </li>
                    <li>
                        <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
                    </li>
                </ul>
            </div>
        </form>
    </div>
		<div class="col-sm-12 select-table table-striped">
			<table id="bootstrap-table" data-mobile-responsive="true" style="white-space:nowrap"></table>
		</div>
    </div>
    <div th:include="include :: footer"></div>
    <script th:inline="javascript">
        var prefix = ctx + "module/testdemo"

        $(function() {
            var options = {
                url: prefix + "/list",
                modalName: "测试例子",
                columns: [{
		            checkbox: true
		        },
				{
					field : 'column1', 
					title : 'column1' 
				},
				{
					field : 'column2', 
					title : 'column2' 
				},
				{
					field : 'column3', 
					title : 'column3' 
				},
				{
					field : 'column4', 
					title : 'column4' 
				},
				{
					field : 'column5', 
					title : 'column5' 
				},
				{
					field : 'column6', 
					title : 'column6' 
				},
				{
					field : 'column7', 
					title : 'column7' 
				},
				{
					field : 'column8', 
					title : 'column8' 
				}]
            };
            $.table.init(options);
        });
    </script>
</body>
</html>